<template>
  <div class="nevout">
    <div class="nev">
      <ul>
        <li><nuxt-link to="/"><span>HOME</span><br>网站首页</nuxt-link></li>
        <li><nuxt-link to="/hardware"><span>HARDWARE</span><br>硬件销售</nuxt-link></li>
        <li><nuxt-link to="/software"><span>SOFTWARE</span><br>软件销售</nuxt-link></li>
        <li><nuxt-link to="/develop"><span>DEVELOP</span><br>软件开发</nuxt-link></li>
        <li><nuxt-link to="/website"><span>WEBSITE</span><br>网站建设</nuxt-link></li>
        <li><a href="http://down.xdrj.com.cn/"><span>HELP</span><br>技术帮助</a></li>
        <li><nuxt-link to="/contact"><span>CONTACT</span><br>联系我们</nuxt-link></li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.nevout {
  width: 100%;
  background: url(/images/nev_bg.jpg) repeat-x bottom;
}

.nev {
  background-image: url(/images/nevbg.jpg);
  background-repeat: no-repeat;
  width: 1024px;
  height: 75px;
  margin: 0 auto;
}

.nev ul {
  padding-left: 350px
}

.nev li {
  float: left;
  height: 75px;
  line-height: 30px;
  width: 87px;
  padding: 0;
  margin: 0;
  text-align: center
}

.nev li a {
  color: #2e2e2e;
  font-size: 14px;
  font-family: "微软雅黑";
  display: block;
  width: 85px;
  height: 75px
}

.nev li a:link,
.nev li a:visited {
  color: #2e2e2e
}

.nev li a:hover {
  color: #2e2e2e
}

.nev li a span {
  color: #FFF
}

.nev ul li a:hover {
  background-image: url(/images/neva.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
</style>